refactor: use named export for everything except pages

Next expect a default export for pages so only those components should
use default exports. Everything else should use named exports to
reduce the number of import statements.

1 files changed, 29 insertions, 27 deletions

diff --git a/src/pages/projets/[slug].tsx b/src/pages/projets/[slug].tsx
index eb007bb..ba03d9b 100644
--- a/src/pages/projets/[slug].tsx
+++ b/src/pages/projets/[slug].tsx
@@ -6,44 +6,46 @@ import { useRouter } from 'next/router';
 import Script from 'next/script';
 import { ComponentType } from 'react';
 import { useIntl } from 'react-intl';
-import Link from '../../components/atoms/links/link';
-import SocialLink, {
-  type SocialWebsite,
-} from '../../components/atoms/links/social-link';
-import Spinner from '../../components/atoms/loaders/spinner';
-import ResponsiveImage, {
-  ResponsiveImageProps,
-} from '../../components/molecules/images/responsive-image';
-import Code from '../../components/molecules/layout/code';
-import Gallery from '../../components/organisms/images/gallery';
-import Overview, {
+import {
+  Code,
+  Gallery,
+  getLayout,
+  Link,
+  Overview,
   type OverviewMeta,
-} from '../../components/organisms/layout/overview';
-import Sharing from '../../components/organisms/widgets/sharing';
-import { getLayout } from '../../components/templates/layout/layout';
-import PageLayout, {
+  PageLayout,
   type PageLayoutProps,
-} from '../../components/templates/page/page-layout';
+  ResponsiveImage,
+  type ResponsiveImageProps,
+  Sharing,
+  SocialLink,
+  type SocialWebsite,
+  Spinner,
+} from '../../components';
 import styles from '../../styles/pages/project.module.scss';
 import {
   type NextPageWithLayout,
   type ProjectPreview,
   type Repos,
-} from '../../types/app';
-import { loadTranslation, type Messages } from '../../utils/helpers/i18n';
-import {
-  getProjectData,
-  getProjectFilenames,
-} from '../../utils/helpers/projects';
+} from '../../types';
 import {
+  capitalize,
   getSchemaJson,
   getSinglePageSchema,
   getWebPageSchema,
-} from '../../utils/helpers/schema-org';
-import { capitalize } from '../../utils/helpers/strings';
-import useBreadcrumb from '../../utils/hooks/use-breadcrumb';
-import useGithubApi, { type RepoData } from '../../utils/hooks/use-github-api';
-import useSettings from '../../utils/hooks/use-settings';
+} from '../../utils/helpers';
+import {
+  getProjectData,
+  getProjectFilenames,
+  loadTranslation,
+  type Messages,
+} from '../../utils/helpers/server';
+import {
+  type RepoData,
+  useBreadcrumb,
+  useGithubApi,
+  useSettings,
+} from '../../utils/hooks';
 
 const BorderedImage = (props: ResponsiveImageProps) => {
   return <ResponsiveImage withBorders={true} {...props} />;